<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>ES6新增了let命令，用来声明变量。他的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。</p>
    <script>
        /*
            1.var关键字：函数级的作用域
            2.let关键字：
                1.let块级作用域（花括号级的作用域）
                2.let不存在变量提升
                3.let 不允许重复声明
        */

        /*if(true){
            var i = 10;
        }

        console.log(i);
        */
        
        /*if(true){
            let i = 10;//只在花括号内生效
        }
        console.log(i);//输出报错，因为i只在花括号内生效
        */

        /*for(let i = 0; i < 10;i++){
            console.log(i);
            
        }
        */

        // console.log(i);//undifined
        // var i = 10;
        
        console.log(i);//报错了
        let i = 10;
        
        

        
    </script>


</body>
</html>